﻿<%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %>
<%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> 
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> 
<%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
<%@ Import Namespace="Microsoft.SharePoint" %> 
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="HotNewsWebPartUserControl.ascx.cs" Inherits="News.WebParts.HotNewsWebPart.HotNewsWebPartUserControl" %>


<h2>Hot News</h2>
<h3>Tin mới nhất </h3>

<link href="/_layouts/STYLES/News/css/topnews.css" rel="stylesheet" type="text/css" />
<script src="/_layouts/STYLES/News/js/jquery-ui-1.9.0.custom.min.js" type="text/javascript"></script>
<script src="/_layouts/STYLES/News/js/jquery-ui-tabs-rotate.js" type="text/javascript"></script>

<div id="featured" >
	<ul class="ui-tabs-nav">
        <asp:Repeater ID="rptHotNews" runat="server">
            <ItemTemplate>
	            <li class="ui-tabs-nav-item" id="nav-fragment-<%# Eval("Id") %>"><a href="#fragment-<%# Eval("Id") %>"><img width="80px" height="50px" src="<%# Eval("Url") %>" alt="" /><span><%# Eval("Title") %></span></a></li>
            </ItemTemplate>
        </asp:Repeater>			
	</ul>

    <asp:Repeater ID="rptLink" runat="server">
        <ItemTemplate>
            <div id="fragment-<%# Eval("Id") %>" class="ui-tabs-panel" style="">
		        <img width="400px" height="250px" src="<%# Eval("Url") %>" alt="" />
			        <div class="info" >
			        <h2><a href="#" ><%# Eval("Title") %></a></h2>
			        <p><%# Eval("Title") %><a href="#" >read more</a></p>
			        </div>
	        </div>
        </ItemTemplate>
    </asp:Repeater>			
</div>
